<template>
  <!-- 如果当前组件被使用的时候,绑定原生事件,需要有一个根元素,因为绑定给组件的时候都是绑定给组件内模板的最外层元素 -->
  <div>
    <h4>Child2:{{count}}</h4>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "Child2",
});
</script>

<script setup lang="ts">
import {ref , onMounted} from "vue"
import PubSub from "pubsub-js"
//在发布订阅模式中,我们一般都会有一个初始值,然后订阅的是更新
const count = ref(0)

//初始化的时候订阅Child1
onMounted(()=>{
  PubSub.subscribe("count" , (_:any , value:number) => {
    count.value = value
  })
})
</script>
